import React, { useRef } from 'react'
import { SearchBar, } from 'antd-mobile'
import { SearchBarRef } from 'antd-mobile/es/components/search-bar'
import { useNavigate } from 'react-router'

function IllnessSearchBar() {
    
    const nav = useNavigate();
    return (
        <div>
            {/* 点击 搜索框 跳转页面 */}
            <div onClick={() => {
                nav('/konwledSearch')
            }}>
                {/* 点击 搜索框 跳转页面 */}
            <div onClick={() => {
                nav('/konwledSearch')
            }}>
                <SearchBar  placeholder='搜索疾病 | 疫苗 | 检查 | 治疗' />
            </div>

            </div>

        </div>
    )
}

export default IllnessSearchBar